﻿
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<!-- 包含公共的JSP代码片段 -->
	<%
		String path = request.getRequestURI();
		String basePath = request.getScheme() + "://"
				+ request.getServerName() + ":" + request.getServerPort()
				+ path;
	%>
	<base href="<%=basePath%>">

	<title>无线点餐平台</title>



	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="style/js/jquery.js"></script>
	<script type="text/javascript" src="style/js/page_common.js"></script>
	<link href="style/css/common_style_blue.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="style/css/index_1.css" />
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
	.top{
		width: 100%;
		height: 15%;
	}
	.topnav{
		width: 96%;
		height: 50px;
		margin: 0 auto;

		border-bottom: 1px solid gainsboro;
	}
	.topnav span{
		position: relative;
		font-size: 16px;
		left: 0;
		top: 15px;
		color: grey;
	}
	.topnav spam{
		color: black;
	}
	.froma{

		width: 96%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.froma button{

		background-color: #009688;
		border: 0;
		height: 30px;
		width: 50px;
	}
	.froma input{
		height: 30px;
		width: 180px;
	}
	.botom{
		width: 96%;
		height: 85%;
		margin: 0 auto;
	}
	.tab{
		border: 1px grey solid;
	}
	.tab td{
		border: 1px #e6e6e6 solid;
		color: #666;
		height: 42px;
		width: 540px;
	}
	#TableTitle{
		background-color: #F2F2F2;
	}
	.bianji{
		width: 60px;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		font-size: 12px;
		background-color: #1E9FFF;
		color: #FFFFFF;
	}
	.shanhcu{
		width: 60px;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		font-size: 12px;
		color: #FFFFFF;
		background-color: #FF5722;
	}
	a:hover{
		text-decoration: none;
	}
	.Futton{
		width: 100px;
		height: 40px;
		background-color: #009688;
		text-align: center;
		line-height: 40px;
		position: relative;
		top: 20px;
		left: 40px;
	}
	#footer li{
		width: 35px;
		height: 35px;
		position: relative;
		top: 10px;
	}
</style>
<body style="overflow-x: hidden;">
<!-- 页面标题 -->
<div class="top">
	<div class="topnav">
		<span>系统设置— 管理员设置— <spam>权限列表</spam></span>
	</div>
	<div class="Futton"><a href="/bgFoodKa/detail/saveCuisine.jsp" style="color:white;font-size: 14px">添加类型</a></div>
</div>
<div class="botom">
	<table class="tab">
		<thead>
		<tr align="center" valign="middle" id="TableTitle">
			<td width="50px">编号</td>
			<td width="50px">分类名称</td>
			<td width="50px">操作</td>
		</tr>
		</thead>
		<!--显示数据列表 -->
		<tbody id="TableData">
		<c:forEach items="${types}" var="t">
			<tr align="center">
				<td>${t.id}</td>
				<td>${t.name}</td>
				<td>
					<a href="/Type.let?type=modifypre&id=${t.id}" class="bianji" style="color: white">更新</a>
					<a href="/Type.let?type=delete&id=${t.id}" class="shanhcu" style="color: white">删除</a>
				</td>
			</tr>
		</c:forEach>
		</tbody>
	</table>
<%--	<div id="footer" align="center">--%>

<%--		<ul class="pagination" style="margin:-5px 0;">--%>
<%--			<c:forEach var="i" begin="1" end="${page}" step="1">--%>
<%--				<c:if test="${i==param.page}">--%>
<%--					<li class="active"><a href="/foods.let?type=bgFindAll&pageIndex=${i}">${i}</a></li>--%>
<%--				</c:if>--%>
<%--				<c:if test="${i!=param.page}">--%>
<%--					<li><a href="/foods.let?type=bgFindAll&pageIndex=${i}">${i}</a></li>--%>
<%--				</c:if>--%>
<%--			</c:forEach>--%>
<%--		</ul>--%>
<%--	</div>--%>
</div>
</body>
</html>